<template>
  <div id="app">
    <Header></Header>
    <router-view></router-view><!--路由组件展示入口-->
    <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<script>

import Footer from './components/Footer/index'
import Header from './components/Header/index'

export default {
  name: 'app',
  components: {
    Footer,
    Header
  },
  mounted() {
    //vue一挂载就立马发起请求CategoryList，存储于仓库中
    this.$store.dispatch('categoryList')
  }
}
</script>

<style>
/*#app {*/
/*  font-family: Avenir, Helvetica, Arial, sans-serif;*/
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale;*/
/*  text-align: center;*/
/*  color: #2c3e50;*/
/*  margin-top: 60px;*/
/*}*/
</style>
